<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <title>上海方天下国际旅行社小程序管理平台</title>
    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->
    <link rel="shortcut icon" href="/favicon.ico">
    <link href="{__FRAME_PATH}css/bootstrap.min.css" rel="stylesheet">
    <!-- <link href="{__FRAME_PATH}css/font-awesome.min.css" rel="stylesheet"> -->
    <link href="{__FRAME_PATH}css/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="{__FRAME_PATH}css/animate.min.css" rel="stylesheet">
    <link href="{__FRAME_PATH}css/style.min.css" rel="stylesheet">
    <link href="{__FRAME_PATH}css/douxue.css?version=2" rel="stylesheet"/>
    <style>
        .admin-logo-wrap img {
            height: 100px;
        }
        .fixed-sidebar.mini-navbar .nav li:hover>.nav-second-level{
            background-color: #FFFFFF;
        }

        .admin-logo-wrap .logo-text {
            font-size: 30px;
            color: #FFFFFF;
            font-weight: bold;
        }
        body.mini-navbar .nav-header {
            background-color: rgb(255, 107, 107);
        }
        .admin-logo-wrap .logo-text {
            font-size: 30px;
            color: #FFFFFF;
            font-weight: bold;
        }
        .nav>li>a {
            font-weight: 500;
            color: #000;
            font-size: 13px;
        }
        .nav>li.active{
            background-color: unset;
        }
        .nav>li.active>a {
            color: #ff6a6c;;
        }
        .navbar-default .nav>li>a:focus, .navbar-default .nav>li>a:hover,.nav>li.active .active-a {
            background: unset;
            color: inherit;
        }
        .navbar-default .nav>li>a:focus, .navbar-default .nav>li>a:hover {
            color: #ff6a6c;
        }
        .nav-second-level li a {
            padding: 7px 15px 7px 40px;
        }
        nav.page-tabs{
            margin-left: unset!important;
            width: auto;
        }
        .content-tabs {
            height: auto!important;
        }
        .nav-header {
            padding: 0!important;
        }
        .navbar-static-side{
            background-color: #FFFFFF;
        }
        [v-cloak] {
          display: none;
        }
    </style>
</head>
<body class="fixed-sidebar full-height-layout gray-bg" style="overflow:hidden">
<div id="wrapper" class="flex">
    <!--左侧导航开始-->
    <nav class="navbar-default navbar-static-side" role="navigation" style="position:relative">
        <div class="nav-close"><i class="fa fa-times-circle"></i>
        </div>
        <div class="sidebar-collapse">
            <ul class="nav" id="side-menu">
                <li class="nav-header">
                    <div class="dropdown profile-element admin_open">
                        <div class="admin-logo-wrap flex">
                            <img alt="image" src="{__FRAME_PATH}images/logo.283c4aa1.jpg" />
                        </div>
                    </div>
                    <div class="logo-element">F
                    </div>
                </li>
                <!--  菜单  -->

                <li><a class="J_menuItem" href="{:Url('index/main')}"><i class="fa fa-home"></i>系统首页</a></li>
                {volist name="menuList" id="menu"}
                <?php if(isset($menu['child']) && count($menu['child']) > 0){ ?>
                    <li>
                        <a href="#"><i class="fa fa-{$menu.icon}"></i> <span class="nav-label">{$menu.menu_name}</span><span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level">
                            {volist name="menu.child" id="child"}
                            <li>
                                <?php if(isset($child['child']) && count($child['child']) > 0){ ?>
                                    <a href="#"><i class="fa fa-{$child.icon}"></i>{$child.menu_name}<span class="fa arrow"></span></a>
                                    <ul class="nav nav-third-level">
                                        {volist name="child.child" id="song"}
                                        <li><a class="J_menuItem" href="{$song.url}"><i class="fa fa-{$song.icon}"></i> {$song.menu_name}</a></li>
                                        {/volist}
                                    </ul>
                                <?php }else{ ?>
                                    <a class="J_menuItem" href="{$child.url}"><i class="fa fa-{$child.icon}"></i>{$child.menu_name}</a>
                                <?php } ?>
                            </li>
                            {/volist}
                        </ul>
                    </li>
                <?php } ?>
                <?php else if ($menu['url']) {?>
                    <li><a class="J_menuItem" href="{$menu.url}"><i class="fa fa-{$menu.icon}"></i> {$menu.menu_name}</a></li>
                <?php } ?>
                {/volist}
            </ul>
        </div>
    </nav>
    <!--左侧导航结束-->
    <!--右侧部分开始-->
    <div id="page-wrapper" class="gray-bg dashbard-1" style="margin:0;width:100%">
        <div class="row content-tabs" @touchmove.prevent >
            <div class="flex flex-between" style="padding:6px 20px 6px 0; font-size:18px; background-color: #fff;">
                <div class="location flex">
                    <div class="" style="margin-right:10px;">
                        <button class="navbar-minimalize" style="padding: 0;margin: 0;">
                            <i class="fa fa-bars"></i>
                        </button>
                    </div>

                    <div class="flex">
                        <div class="organ-title">
                            上海方天下国旅小程序管理平台
                        </div>
                    </div>
                </div>

                <div  class="flex flex-center" style="font-size:12px;color: #666;">
                    <div class="flex flex-center">
                        <a href="{__FRAME_PATH}documents/方天下国旅后台操作手册v1.0.pdf" target="_blank" style="color:#666"><i style="color: rgb(223 0 0);" class="fa fa-file-pdf-o"></i> 操作手册</a>
                        <a href="{:Url('Index/pannel')}" target="_blank" style="margin: 0 10px; color:#666"><i style="color: #409EFF; " class="fa fa-cubes"></i> 数据看板</a>

                        <span>{$_admin['real_name']} <a onclick="logout()">退出</a></span>
                    </div>

                </div>
            </div>
        </div>
        <!--内容展示模块-->
        <div class="row J_mainContent" id="content-main" >
            <iframe class="J_iframe" id="J_iframe" name="iframe_crmeb_main" width="100%" height="100%" src="{:Url('Index/main')}" frameborder="0" data-id="{:Url('Index/main')}" seamless scrolling=""></iframe>
        </div>
        <!--底部版权-->
        <div class="footer"  @touchmove.prevent>
            <div class="pull-right">© 2017-{:date('Y')} <a href="javascript:;" target="_blank">BTC.Inc</a>
            </div>
        </div>
    </div>
    <!--右侧部分结束-->
</div>
<!--vue调用不能删除-->
<!-- <div id="vm"></div> -->
<script src="{__FRAME_PATH}js/jquery.min.js"></script>
<script src="{__FRAME_PATH}js/bootstrap.min.js"></script>
<script src="{__FRAME_PATH}js/plugins/metisMenu/jquery.metisMenu.js"></script>
<script src="{__FRAME_PATH}js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<script src="{__FRAME_PATH}js/plugins/layer/layer.min.js"></script>
<script src="{__FRAME_PATH}js/hplus.min.js"></script>
<script src="{__FRAME_PATH}js/contabs.min.js"></script>
<script src="{__FRAME_PATH}js/plugins/pace/pace.min.js"></script>
{include file="public/style"}
<script src="{__ADMIN_PATH}js/index.js"></script>
<script type="text/javascript">
    var logout = function() {
        window.location.href = "{:Url('Login/logout')}";
    }

    $('.J_menuItem').on('click' , function() {
        $('.J_menuItem').removeClass('active-a')
        $(this).addClass('active-a');
        $('#J_iframe').attr('src' , $(this).attr('href'))
        return false;
    });
</script>
</body>
</html>